<template>
	<view class="regist-main">
		
		<uni-forms ref="form" :modelValue="current" :rules="rules" validate-trigger="bind" err-show-type="undertext">
			<view class="page-foot bg-white">
				<view class="foot-wrap flex-box flex-between m-hairline--top">
					<view class="foot-btn2" @click="submit(2)">提交</view>
				</view>
			</view>
			<view class="container">
				
				<view class="plr30">
					
					<picker mode="date" :value="decorationDate" @change="decorationDatePicker">
						<view class="pb30 m-hairline--bottom">
							<uni-forms-item name="fixturestime">
								<input v-model="fixturestime" type="text" hidden></input>
								<view class="fs30 col89 marbtm">接访日期</view>
								<view class="m-arrow-right fs30 col3">
									{{fixturestime.length > 0 ? fixturestime : '请选择'}}
								</view>
							</uni-forms-item>
						</view>
					</picker>
					
					<view class="pb30">
						<uni-forms-item name="name">
							<view class="pt50 pb30 m-hairline--bottom">
								<view class="fs30 col89 marbtm">客户姓名</view>
								<input type="text" v-model="current.name" class="heading" placeholder="请填写" />
							</view>
						</uni-forms-item>
					</view>
					
					<view class="pb30">
						<view class="fs30 col89 marbtm">性别</view>
						<view class="label-list flex-box flex-wrap">
							<block v-for="(item,index) in sexArr">
								<view class="label" @click="checkSexType(index)" :class="index==sexIndex?'active':''" style="padding: 0 20rpx;width: unset;">
									{{item.name}}
									<image class="icon-select" src="/static/icon/icon_gou.png" mode="aspectFit"></image>
								</view>
							</block>
						</view>
					</view>
					
					<view class="pb30">
						<uni-forms-item name="name">
							<view class="pt50 pb30 m-hairline--bottom">
								<view class="fs30 col89 marbtm">联系方式</view>
								<input type="tel" maxlength="11" v-model="current.contact" class="heading" placeholder="请填写" />
							</view>
						</uni-forms-item>
					</view>
					
					<view class="pb30">
						<view class="fs30 col89 marbtm">接访形式</view>
						<view class="label-list flex-box flex-wrap">
							<block v-for="(item,index) in posiArr">
								<view class="label" @click="checkPosiType(index)" :class="index==posiIndex?'active':''">
									{{item.name}}
									<image class="icon-select" src="/static/icon/icon_gou.png" mode="aspectFit"></image>
								</view>
							</block>
						</view>
					</view>
					
					<view class="pb30">
						<uni-forms-item name="name">
							<view class="pt50 pb30 m-hairline--bottom">
								<view class="fs30 col89 marbtm">同时到访人数</view>
								<input type="text" v-model="current.visiting_form_num" class="heading" placeholder="请填写" />
							</view>
						</uni-forms-item>
					</view>
					
					<view class="pb30">
						<view class="fs30 col89 marbtm">购房意向</view>
						<view class="label-list flex-box flex-wrap">
							<block v-for="(item,index) in yixiangArr">
								<view class="label" @click="checkYixType(index)" :class="index==yixIndex?'active':''" style="padding: 0 20rpx;width: unset;">
									{{item.name}}
									<image class="icon-select" src="/static/icon/icon_gou.png" mode="aspectFit"></image>
								</view>
							</block>
						</view>
					</view>
					
					<view class="pb30">
						<uni-forms-item name="name">
							<view class="pt50 pb30 m-hairline--bottom">
								<view class="fs30 col89 marbtm">最终成交面积</view>
								<input type="text" v-model="current.house_area" class="heading" placeholder="请填写" />
							</view>
						</uni-forms-item>
					</view>
					
					<view class="pb30">
						<uni-forms-item name="name">
							<view class="pt50 pb30 m-hairline--bottom">
								<view class="fs30 col89 marbtm">意向楼栋</view>
								<input type="text" v-model="current.intentional_building" class="heading" placeholder="请填写" />
							</view>
						</uni-forms-item>
					</view>
					<view class="pb30">
						<uni-forms-item name="name">
							<view class="pt50 pb30 m-hairline--bottom">
								<view class="fs30 col89 marbtm">意向楼层</view>
								<input type="text" v-model="current.intentional_floor" class="heading" placeholder="请填写" />
							</view>
						</uni-forms-item>
					</view>
					
					<view class="pb30">
						<uni-forms-item name="name">
							<view class="pt50 pb30 m-hairline--bottom">
								<view class="fs30 col89 marbtm">东户/西户</view>
								<input type="text" v-model="current.dongxihu" class="heading" placeholder="请填写" />
							</view>
						</uni-forms-item>
					</view>
					
					
					
					<view class="pb30">
						<view class="fs30 col89 marbtm">东户</view>
						<view class="label-list flex-box flex-wrap">
							<block v-for="(item,index) in styleArr">
								<view class="label" @click="checkStyleType(index)" :class="index==styleIndex?'active':''" style="padding: 0 20rpx;width: unset;">
									{{item.name}}
									<image class="icon-select" src="/static/icon/icon_gou.png" mode="aspectFit"></image>
								</view>
							</block>
						</view>
					</view>
					
					<view class="pb30">
						<view class="fs30 col89 marbtm">西户</view>
						<view class="label-list flex-box flex-wrap">
							<block v-for="(item,index) in parkArr">
								<view class="label" @click="checkParkType(index)" :class="index==parkIndex?'active':''" style="padding: 0 20rpx;width: unset;">
									{{item.name}}
									<image class="icon-select" src="/static/icon/icon_gou.png" mode="aspectFit"></image>
								</view>
							</block>
						</view>
					</view>
					
					<view class="pb30">
						<view class="fs30 col89 marbtm">意向房型</view>
						<view class="label-list flex-box flex-wrap">
							<block v-for="(item,index) in bulidTypeArr">
								<view class="label" @click="checkBulidType(index)" :class="index==bulidTypeIndex?'active':''" style="padding: 0 20rpx;width: unset;">
									{{item.name}}
									<image class="icon-select" src="/static/icon/icon_gou.png" mode="aspectFit"></image>
								</view>
							</block>
						</view>
					</view>
					
					<view class="pb30">
						<view class="fs30 col89 marbtm">满意程度</view>
						<view class="label-list flex-box flex-wrap">
							<block v-for="(item,index) in chduparkArr">
								<view class="label" @click="checkChduParkType(index)" :class="index==chduParkIndex?'active':''" style="padding: 0 20rpx;width: unset;">
									{{item.name}}
									<image class="icon-select" src="/static/icon/icon_gou.png" mode="aspectFit"></image>
								</view>
							</block>
						</view>
					</view>
					
					
					<view class="pb30">
						<view class="fs30 col89 marbtm">车库/位需求量</view>
						<view class="label-list flex-box flex-wrap">
							<block v-for="(item,index) in carParkArr">
								<view class="label" @click="checkCarParkType(index)" :class="index==carParkIndex?'active':''" style="padding: 0 20rpx;width: unset;">
									{{item.name}}
									<image class="icon-select" src="/static/icon/icon_gou.png" mode="aspectFit"></image>
								</view>
							</block>
						</view>
					</view>
					
					<view class="pb30">
						<uni-forms-item name="name">
							<view class="pt50 pb30 m-hairline--bottom">
								<view class="fs30 col89 marbtm">意向价格</view>
								<input type="text" v-model="current.price_willingness" class="heading" placeholder="请填写" />
							</view>
						</uni-forms-item>
					</view>
					
					<view class="pb30">
						<view class="fs30 col89 marbtm">购房周期</view>
						<view class="label-list flex-box flex-wrap">
							<block v-for="(item,index) in cycleArr">
								<view class="label" @click="checkCycleType(index)" :class="index==cycleIndex?'active':''" style="padding: 0 20rpx;width: unset;">
									{{item.name}}
									<image class="icon-select" src="/static/icon/icon_gou.png" mode="aspectFit"></image>
								</view>
							</block>
						</view>
					</view>
					
					<view class="pb30">
						<view class="fs30 col89 marbtm">付款方式</view>
						<view class="label-list flex-box flex-wrap">
							<block v-for="(item,index) in payArr">
								<view class="label" @click="checkPayType(index)" :class="index==payIndex?'active':''" style="padding: 0 20rpx;width: unset;">
									{{item.name}}
									<image class="icon-select" src="/static/icon/icon_gou.png" mode="aspectFit"></image>
								</view>
							</block>
						</view>
					</view>
					
					<view class="pb30">
						<view class="fs30 col89 marbtm">名下房产套数</view>
						<view class="label-list flex-box flex-wrap">
							<block v-for="(item,index) in myhouseArr">
								<view class="label" @click="checkMyhouseType(index)" :class="index==myhouseIndex?'active':''" style="padding: 0 20rpx;width: unset;">
									{{item.name}}
									<image class="icon-select" src="/static/icon/icon_gou.png" mode="aspectFit"></image>
								</view>
							</block>
						</view>
					</view>
					
					<view class="pb30">
						<view class="fs30 col89 marbtm">知晓项目途径</view>
						<view class="label-list flex-box flex-wrap">
							<block v-for="(item,index) in visitArr">
								<view class="label" @click="checkVisitType(index)" :class="index==visitIndex?'active':''" style="padding: 0 20rpx;width: unset;">
									{{item.name}}
									<image class="icon-select" src="/static/icon/icon_gou.png" mode="aspectFit"></image>
								</view>
							</block>
						</view>
					</view>
					
					<view class="pb30">
						<uni-forms-item name="name">
							<view class="pt50 pb30 m-hairline--bottom">
								<view class="fs30 col89 marbtm">约访次数</view>
								<input type="text" v-model="current.make_num" class="heading" placeholder="请填写" />
							</view>
						</uni-forms-item>
					</view>
					
					<view class="pb30">
						<uni-forms-item name="name">
							<view class="pt50 pb30 m-hairline--bottom">
								<view class="fs30 col89 marbtm">是否成交</view>
								<input type="text" v-model="current.is_transaction" class="heading" placeholder="请填写" />
							</view>
						</uni-forms-item>
					</view>
					
					<view class="pb30">
						<uni-forms-item name="name">
							<view class="pt50 pb30 m-hairline--bottom">
								<view class="fs30 col89 marbtm">销售代表</view>
								<input type="text" v-model="current.sales_representative" class="heading" placeholder="请填写" />
							</view>
						</uni-forms-item>
					</view>
					<view class="pb30">
						<uni-forms-item name="name">
							<view class="pt50 pb30 m-hairline--bottom">
								<view class="fs30 col89 marbtm">沟通状态</view>
								<input type="text" v-model="current.watch_status" class="heading" placeholder="请填写" />
							</view>
						</uni-forms-item>
					</view>
					
				</view>
			</view>
		</uni-forms>
	</view>
</template>

<script>
	const core = require('@/xilu/core.js');
	export default {
		data() {
			return {
				current:{
					date_of_visit:'',//接访日期
					name:'',//客户姓名
					sex_data:1,//性别(单选):1=男,2=女
					contact:'',//联系方式
					visiting_form_data:1,//接访形式(单选):1=来访,2=微信,3=来电
					visiting_form_num:'',//同时到访人数
					buy_hose_data:1,//购房意向(单选):1=100以下,2=100-120,3=120-140,4=140-160,5=160-180,6=180-200,7=200-250,8=250-300
					house_area:'',//最终成交面积
					intentional_building:'',//意向楼栋
					intentional_floor:'',//意向楼层
					dongxihu:'',//东户西户
					donghu_data:1,//东户(单选):1=喜欢,2=一般,3=不喜欢
					xihu_data:1,//西户(单选):1=喜欢,2=一般,3=不喜欢
					intentional_house_type_data:1,//意向房型(单选):1=高层,2=多层,3=别墅
					satisfaction_level_data:1,//满意程度(单选):1=喜欢,2=一般,3=不喜欢
					garage_num_data:1,//车库/位需求量(单选):1=车库,2=车位
					price_willingness:'',//意向价格
					purchase_cycle_data:1,//购房周期(单选):1=着急,2=3个月内,3=半年内,4=一年内
					pay_method_data:1,//付款方式(单选):1=公积金贷款,2=按揭贷款,3=一次性付款,
					know_the_way_data:1,//知晓项目途径(单选):1=路过,2=服务号,3=推荐,4=约访,5=围挡,6=广场大屏,7=电影院广告,8=出租车,9=联通大屏,10=锡林123,11=锡盟事
					make_num:'',//约访次数
					is_transaction:'',//是否成交
					sales_representative:'',//销售代表
					watch_status:'',//沟通状态
				},
				sexArr:[
					{
						id:1,
						name:'男'
					},
					{
						id:2,
						name:'女'
					},
				],
				sexIndex:0,
				sexid:1,
				
				//接访形式
				posiArr:[
					{
						id:1,
						name:'来访',
					},
					{
						id:2,
						name:'微信',
					},
					{
						id:3,
						name:'来电',
					},
				],
				posiIndex:0,
				posiid:1,
				//接访日期
				fixturestime: '',
				//购房意向
				yixiangArr:[
					{
						id:1,
						name:'100以下'
					},
					{
						id:2,
						name:'100-120'
					},
					{
						id:3,
						name:'120-140'
					},
					{
						id:4,
						name:'140-160'
					},
					{
						id:5,
						name:'160-180'
					},
					{
						id:6,
						name:'180-200'
					},
					{
						id:7,
						name:'200-250'
					},
					{
						id:8,
						name:'250-300'
					},
				],
				yixIndex:0,
				yixid:1,
				// 建筑风格
				styleArr:[
					{
						id:1,
						name:'喜欢'
					},
					{
						id:2,
						name:'一般'
					},
					{
						id:3,
						name:'不喜欢'
					},
				],
				styleIndex:0,
				styleid:1,
				// 建筑形式
				bulidTypeArr:[
					{
						id:1,
						name:'高层'
					},
					{
						id:2,
						name:'多层'
					},
					{
						id:3,
						name:'别墅'
					},
				],
				bulidTypeIndex:0,
				bulidTypeid:1,
				// 西户
				parkArr:[
					{
						id:1,
						name:'喜欢'
					},
					{
						id:2,
						name:'一般'
					},
					{
						id:3,
						name:'不喜欢'
					},
				],
				parkIndex:0,
				parkid:1,
				//满意度
				chduparkArr:[
					{
						id:1,
						name:'喜欢'
					},
					{
						id:2,
						name:'一般'
					},
					{
						id:3,
						name:'不喜欢'
					},
				],
				chduParkIndex:0,
				chduParkid:1,
				// 车库\位
				carParkArr:[
					{
						id:1,
						name:'车库'
					},
					{
						id:2,
						name:'车位'
					},
				],
				carParkIndex:0,
				carParkid:1,
				//置业周期
				cycleArr:[
					{
						id:1,
						name:'着急'
					},
					{
						id:2,
						name:'3个月内'
					},
					{
						id:3,
						name:'半年内'
					},
					{
						id:4,
						name:'一年内'
					},
				],
				cycleIndex:0,
				cycleid:1,
				//付款方式
				payArr:[
					{
						id:1,
						name:'公积金贷款'
					},
					{
						id:2,
						name:'按揭贷款'
					},
					{
						id:3,
						name:'一次性付款'
					},
				],
				payIndex:0,
				payid:1,
				
				//名下房产套数
				myhouseArr:[
					{
						id:1,
						name:'无'
					},
					{
						id:2,
						name:'一套'
					},
					{
						id:3,
						name:'两套'
					},
					{
						id:4,
						name:'多套'
					},
				],
				myhouseIndex:0,
				myhouseid:1,
				
				
				visitArr:[
					{
						id:1,
						name:'路过'
					},
					{
						id:2,
						name:'服务号'
					},
					{
						id:3,
						name:'推荐'
					},
					{
						id:4,
						name:'约访'
					},
					{
						id:5,
						name:'围挡'
					},
					{
						id:6,
						name:'广场大屏'
					},
					{
						id:7,
						name:'电影院广告'
					},
					{
						id:8,
						name:'出租车'
					},
					{
						id:9,
						name:'联通大屏'
					},
					{
						id:10,
						name:'锡林123'
					},
					{
						id:11,
						name:'锡盟事'
					},
				],
				visitIndex:0,
				visitid:1,
				//购房需求
				buyHouseArr:[
					{
						id:1,
						name:'结婚'
					},
					{
						id:2,
						name:'改善'
					},
					{
						id:3,
						name:'学区'
					},
					{
						id:4,
						name:'投资'
					},
					{
						id:5,
						name:'其他'
					},
				],
				buyHouseIndex:0,
				buyHouseid:1,
				
				
				
				rental_id: 0,
				userinfo:{},
				village: [], //小区
				comment: [], //标签
				rentalMode:[], //租赁模式,
				rentalModeIndex:0,
				houseType: [], //房源类型
				houseTypeIndex: -1,
				images:[],
			}
		},
		onReady: function() {
			this.$refs.form.setRules(this.rules)
		},
		onLoad(options) {
			
		},
		
		methods: {
			//接访日期
			decorationDatePicker(e) {
				this.fixturestime = e.detail.value;
				this.current.date_of_visit = e.detail.value;
			},
			// 性别
			checkSexType(index) {
				this.sexIndex = index;
				this.sexid = this.sexArr[index].id;
				this.current.sex_data = this.sexArr[index].id;
			},
			//位置
			checkPosiType(index){
				this.posiIndex = index;
				this.posiid = this.posiArr[index].id;
				this.current.contact = this.posiArr[index].id;
			},
			//购房意向
			checkYixType(index){
				this.yixIndex = index;
				this.yixid = this.yixiangArr[index].id;
				this.current.buy_hose_data = this.yixiangArr[index].id;
			},
			//东户
			checkStyleType(index){
				this.styleIndex = index;
				this.styleid = this.styleArr[index].id;
				this.current.donghu_data = this.styleArr[index].id;
			},
			//西户
			checkBulidType(index){
				this.bulidTypeIndex = index;
				this.bulidTypeid = this.bulidTypeArr[index].id;
				this.current.xihu_data = this.bulidTypeArr[index].id;
			},
			//意向房型
			checkParkType(index){
				this.parkIndex = index;
				this.parkid = this.parkArr[index].id;
				this.current.intentional_house_type_data = this.parkArr[index].id;
			},
			//满意度
			checkChduParkType(index){
				console.log(index)
				this.chduParkIndex = index;
				this.chduParkid = this.chduparkArr[index].id;
				this.current.satisfaction_level_data = this.chduparkArr[index].id;
			},
			//车库/位需求量
			checkCarParkType(index){
				this.carParkIndex = index;
				this.carParkid = this.carParkArr[index].id;
				this.current.garage_num_data = this.carParkArr[index].id;
			},
			//置业周期
			checkCycleType(index){
				this.cycleIndex = index;
				this.cycleid = this.cycleArr[index].id;
				this.current.purchase_cycle_data = this.cycleArr[index].id;
			},
			// 付款方式
			checkPayType(index){
				this.payIndex = index;
				this.payid = this.payArr[index].id;
				this.current.pay_method_data = this.payArr[index].id;
			},
			//名下房产套数
			checkMyhouseType(index){
				this.myhouseIndex = index;
				this.myhouseid = this.myhouseArr[index].id;
				this.current.number_of_properties= this.myhouseArr[index].id;
			},
			//到访途径
			checkVisitType(index){
				this.visitIndex = index;
				this.visitid = this.visitArr[index].id;
				this.current.know_the_way_data = this.visitArr[index].id;
			},
			
			
			submit(type) {
				let that = this;
				that.$refs.form.validate(valid => {
					if (!valid) {
						let form = that.current;
					
						if (!form.date_of_visit) {
							uni.showToast({title: '请选择接访日期',icon: "none"})
							return false;
						}
						if (!form.name) {
							uni.showToast({title: '请填写客户姓名',icon: "none"})
							return false;
						}
						
						if (!form.contact) {
							uni.showToast({title: '请填写联系方式',icon: "none"})
							return false;
						}
						if (!form.visiting_form_num) {
							uni.showToast({title: '请填写同时到访人数',icon: "none"})
							return false;
						}
						
						if (!form.house_area) {
							uni.showToast({title: '请填写最终成交面积',icon: "none"})
							return false;
						}
						
						if (!form.intentional_building) {
							uni.showToast({title: '请填写意向楼栋',icon: "none"})
							return false;
						}
						
						if (!form.intentional_floor) {
							uni.showToast({title: '请填写意向楼层',icon: "none"})
							return false;
						}
						if (!form.dongxihu) {
							uni.showToast({title: '请填写东户西户',icon: "none"})
							return false;
						}
						if (!form.price_willingness) {
							uni.showToast({title: '请填写意向价格',icon: "none"})
							return false;
						}
						if (!form.make_num) {
							uni.showToast({title: '请填写约访次数',icon: "none"})
							return false;
						}
						
						if (!form.is_transaction) {
							uni.showToast({title: '请填写是否成交',icon: "none"})
							return false;
						}
						if (!form.sales_representative) {
							uni.showToast({title: '请填写销售代表',icon: "none"})
							return false;
						}
						if (!form.watch_status) {
							uni.showToast({title: '请填写沟通状态',icon: "none"})
							return false;
						}
						core.post({
							url: 'api/broker/newhouse/post',
							data: form,
							loading:true,
							success: ret => {
								uni.showToast({
									title: ret.msg,
									icon: 'none',
									success:function (){
										uni.$emit("refreshRental",{})
										uni.navigateBack({
											delta: 1
										})
									}
								});
							}
						});
					} else {
						console.log('验证失败');
					}
				});
			},

			
		},
		
	}
</script>

<style scoped lang="less">
	
	.regist-main{
		width:100%;
		height:auto;
		overflow:hidden;
		padding-top:100rpx;
		box-sizing:border-box;
	}
	
	.regist-top{
		width:100%;
		height:auto;
		overflow:hidden;
		background:#fff;
		position:fixed;
		top:0;
		left:0;
		z-index:99;
		box-sizing:border-box;
		border-bottom:1px solid #efefef;
	}
	.regist-top-item{
		width:50%;
		height:auto;
		line-height:50rpx;
		font-size:30rpx;
		color:#999;
		text-align:center;
		overflow:hidden;
		background:#fff;
		float:left;
		padding:20rpx;
	}
	.regist-top-active{
		color:#000;
		font-weight:bold;
	}
	
	.icon-search {
		padding: 5rpx;
		display: block;
		width: 40rpx;
		height: 40rpx;
	}


	.upload .item {
		position: relative;
		margin: 0 30rpx 30rpx 0;
		width: 200rpx;
		height: 156rpx;
		border-radius: 10rpx;
		overflow: hidden;
	}

	.upload .item:nth-of-type(3n) {
		margin: 0 0 30rpx;
	}

	.upload .item.btn {
		padding: 36rpx 0 0;
		background: #F7F9FC;
	}

	.upload .icon {
		margin: 0 auto 7rpx;
		display: block;
		width: 45rpx;
		height: 45rpx;
	}

	.upload .img {
		display: block;
		width: 200rpx;
		height: 156rpx;
	}

	.upload .icon-clear {
		position: absolute;
		right: 13rpx;
		top: 13rpx;
		display: block;
		width: 30rpx;
		height: 30rpx;
		z-index: 10;
	}


	.upload-box {
		position: relative;
		width: 750rpx;
		height: 500rpx;
		background: #F7F9FC;

		.icon-upload {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			display: block;
			width: 183rpx;
			height: 140rpx;
			z-index: 1;
		}

		.img {
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 750rpx;
			height: 500rpx;
			z-index: 2;
		}
	}

	.heading {
		width: 690rpx;
		height: 88rpx;
		font-size: 30rpx;
		font-weight: 500;
		color: #101010;
		line-height: 44rpx;
	}

	.label-list {
		.label {
			position: relative;
			margin: 0 20rpx 20rpx 0;
			
			min-width: 70rpx;
			height: 66rpx;
			background: #F8F9FB;
			border-radius: 4rpx;
			border: 1px solid #EEEEEE;
			font-size: 26rpx;
			color: #333333;
			line-height: 66rpx;
			text-align: center;
			box-sizing:border-box;
			padding:0 10rpx;

			.icon-select {
				position: absolute;
				right: 0;
				bottom: -1rpx;
				display: none;
				width: 31rpx;
				height: 28rpx;
			}
		}

		// .label:nth-of-type(4n) {
		// 	margin: 0 0 20rpx;
		// }

		.label.active {
			color: var(--normal);
			border: 1px solid var(--normal);

			.icon-select {
				display: block;
			}
		}
	}

	.page-foot {
		.foot-wrap {
			padding: 10rpx 60rpx;

			.foot-btn1 {
				width: 300rpx;
				height: 80rpx;
				border-radius: 40rpx;
				border: 1px solid var(--normal);
				font-size: 30rpx;
				color: var(--normal);
				line-height: 80rpx;
				text-align: center;
			}

			.foot-btn2 {
				width: 100%;
				height: 80rpx;
				border-radius: 40rpx;
				background: var(--normal);
				font-size: 30rpx;
				color: #FFFFFF;
				line-height: 80rpx;
				text-align: center;
			}
		}
	}
	.pt50{
		padding-top:30rpx;
	}
	.pb30{
		padding-bottom:15rpx;
		width:100%;
	}
	.marbtm{
		margin-bottom:15rpx;
	}
</style>
